<!-- 头部的顶部 -->
<div id="header_top">
	<div class="container">
		<a href="http://www.mi.com/index.html">小米商城</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">MIUI</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">米聊</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">游戏</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">多看阅读</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">云服务</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">金融</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">米币</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">小米商城手机版</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">问题反馈</a>
		<span>|</span>
		<a href="http://www.mi.com/index.html">selectRegion</a>
		<!-- 右边的登录，注册 -->
		<div class="rt">
			<div class="lf" id="isLogin">
				<a href="login.html">登陆</a>
				<span>|</span>
				<a href="register.html">注册</a>
				<span>|</span>
			</div>
			<div id="Login">
				<a href="javascript:;">Welcom: <span id="user_name"></span></a>
				<span>|</span>
				<a id="logout_b" href="#">注销</a>
				<span>|</span>
			</div>
			<a href="http://www.mi.com/index.html">消息提醒</a>
			<!-- 点击购物车下拉框 -->
			<div class="car_logo  rt">
				<a href="http://static.mi.com/cart/" class="cart">
					<span class="xiaomi-gouwuche"></span>
						<span>购物车(
						<span>0</span>)
					</span>
				</a>
				<div class="cart_list">
					<span>
						购物车中还没有商品,赶紧选购吧!
					</span>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 头部的下部，导航标题 -->
<div class="container header_bt ">
	<div id="header_bottom">
		<!--1. 导航的logo -->
		<div>
			<a href="#" class="logo">
			  <img src="./img/index/logo.png">
			</a>
		</div>
		<!--2.导航的标题  -->
		<div class="list_box">
			<ul class="header_nav-list">
				<!-- 1.小米 -->
				<li>
					<a href="#">小米手机</a>
				</li>
				<!-- 2.红米 -->
				<li>
				  <a href="#">红米</a>
				</li>
				<!-- 3.笔记本 -->
				<li>
					<a href="#">笔记本</a>
				</li>
				<!-- 4.电视 -->
				<li>
					<a href="#">电视</a>
				</li>
				<!-- 5.盒子 -->
				<li>
					<a href="#">盒子</a>
				</li>
				<!-- 6.新品 -->
				<li>
					<a href="#">新品</a>
				</li>
				<!-- 7.路由器 -->
				<li>
					<a href="#">路由器</a>
				</li>
				<!-- 8.智能硬件 -->
				<li>
					<a href="#">智能硬件</a>
				</li>
				<!-- 9.服务 -->
				<li>
					<a href="#">服务</a>
				</li>
				<!-- 10.社区 -->
				<li>
					<a href="#">社区</a>
				</li>
			</ul>
			<div id="names_box">
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mix2320-220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/note2320x220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/xm6-320.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/max2_toubu.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/5x-2!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mix2320-220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/xm6-320.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/max2_toubu.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/5x-2!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mix2320-220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mix2320-220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/pms_1499138177.54329452!220x220.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/pms_1505106710.28498495!220x220.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/57ba6a38N4f4670bd.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/product_detail_2.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					
				</ul>
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mitv48!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mitv49!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mitv3s_48.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mitv55!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mitv3_55.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/T18zWQB4WT1RXrhCrK.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mihezi_3.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mihezi_3_plus.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/T1meZjBCAT1RXrhCrK.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/max2_toubu.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/5x-2!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mix2320-220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/recommend_product-15.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/recommend_product-12.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/recommend_product-14.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/T1tsEgB7DT1RXrhCrK.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
				
				<ul>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/xm6-320.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/max2_toubu.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/5x-2!160x110.jpg" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
					<li>
						<a href="#" class="btn">新品</a>
						<a href="#" class='names_img'><img src="./img/index/mix2320-220.png" alt=""></a>
						<span class="names_p">小米 MIX2</span>
						<span class="price">3299起</span>
					</li>
				</ul>
			</div>
		</div>
		<!--3.导航的搜索框  -->
		<div>
			<ul id="shelper">
				<!--<li title="周大福 项链" >
						  <div class="search-item" title="周大福 项链">周大福 项链</div>
				</li>-->
			</ul>
			<input type="text" id="txtSearch">
			<span class="xiaomi-shousuo"></span>
			<div class="header_input_logo_txt">
				<a href="#">小米 MIX2</a>
				<a href="#">小米 Note3 现货</a>
			</div>
		</div>
	</div>
</div>